{% url 'category-detail-view' post.category.name as category_url %}
{% url 'article-detail-view' post.en_title as article_url %}
<!--页面栅格化~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
<div class="">

<div class="col-lg-4" >
<article class="post">
<!--统一高度~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
  <div  style="height:500px">
<!--标题~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
        <h3><a href="{{article_url}}">{{post.title|slice:"30"}}...</a></h3>   
<!--文章缩略表~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->  
    <div class="post-content ">                               
                    <p>
                        <b style="color:#ef5454">文章摘要：</b>
                        <br/>
                {% autoescape off%}
                {{post.summary|slice:"200" }}
                {% endautoescape %}
                {% if post.summary|length > 200 %}
                    ...
                {% endif %}
                </p>
        <p>
        <a href="{{article_url}}" class="btn btn-primary" role="button">阅读全文</a> 
        </p>                                                    
    </div>
    <div class="post-info hidden-xs">
        <span>
            <span class="glyphicon glyphicon-calendar"></span>
            {{post.pub_time|date:"Y-m-d" }}
        </span>
        <span>
            <span class="glyphicon glyphicon-comment"></span>
            {{post.comment_set.all | length}}
        </span>
        <span>
            <span class="glyphicon glyphicon-eye-open"></span>
            {{post.view_times}}
        </span>

    </div>
</div>
  </article>
</div>

<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->


</div>